<template>
  <div class="padding-sm">
    <span class="page-title">
       个人日志
    </span>
    <div>
      <a-tabs default-active-key="1" :activeKey="activeKey" @change="tabsChange">
        <a-tab-pane key="1" tab="登录日志">
          <LoginLog v-if="activeKey == 1"></LoginLog>
        </a-tab-pane>
        <a-tab-pane key="2" tab="请求日志">
          <RequestLog v-if="activeKey == 2"></RequestLog>
        </a-tab-pane>
        <a-tab-pane key="3" tab="异常日志">
          <ErrorLog v-if="activeKey == 3"></ErrorLog>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script>

  import {
    LoginLog,
    RequestLog,
    ErrorLog
  } from "./tabs/index"
  export default {
    name: "basicSetting",
    components:{
      LoginLog,
      RequestLog,
      ErrorLog
    },
    data(){
      return {
        activeKey:'1',
      }
    },
    methods:{
      tabsChange(key) {
        this.activeKey = key
      }
    }
  }
</script>

<style scoped>

</style>
